<template>
  <div class="app-body top-container">
    <!-- 左侧菜单控件 -->
    <div class="main">
      <div class="main-heading yz_border-bottom">
        <h2>招聘管理</h2>
      </div>
      <div>
        <div style="float: left; width: 245px; overflow: hidden">
          <slot name="leftMenu"></slot>
        </div>
        <div style="min-width: 1080px;overflow: auto">
          <slot name="rightContent"></slot>
        </div>
          <div style="clear: both;"></div>
      </div>
    </div>
  </div>
</template>

<script>
  export default {}
</script>

<style scoped lang="scss">
  .app-body{
    .main {
      width: 100%;
      min-width: 1360px;
      height: 100%;
      // 自路由 容器的样式
      .app-router-view{
        padding:0 14px;
      }
    }
    .main-heading {
      width: 100%;
      height: 50px;
      line-height: 50px;
    }
  }
</style>
